<!--  -->
<template>
  <span>
		<recordUserName :user-id="userId" :staff-id="staffId" :user-name="userName" />
		{{action}} {{modeNameEnum[mode]}} #{{ modeNo }}
		<stringChangeArray :item-data="overRecords"/>
	</span>
</template>

<script>
import { defineComponent, computed, ref } from 'vue';
import recordUserName from './recordUserName.vue'
import stringChangeArray from './stringChangeArray.vue'
export default defineComponent({
	name:'whoDidWhat',
	inject:['modeNameEnum'],
	props:{
		itemData:{
			type:Object,
			defautl:()=>({})
		},
		mode:{
			type:String,
			defautl:''
		}
	},
	components:{
		recordUserName,
		stringChangeArray
	},
	setup(props, {emit}){
		const { content } = props.itemData
		const action = computed(()=>props.itemData.action)
		const modeNo = computed(()=>props.itemData.taskNo)
		const userName = computed(()=>props.itemData.userName)
		const staffId = computed(()=>props.itemData.staffId)
		const userId = computed(()=>props.itemData.userId)
		const overRecords = content.overRecords
		return {
			action,
			modeNo,
			userName,
			staffId,
			userId,
			overRecords
		}
	},
});
</script>
<style lang="scss" scoped></style>
